<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品男女装列表页</title>
		<link rel="stylesheet" href="styles/public.css">
		<link rel="stylesheet" href="styles/product.css">
		<link rel="stylesheet" href="styles/footer.css">
		<style></style>
	</head>
	<body>
	 <header>
			<img src="images/logo.png" alt="">
 	 </header>
	 <nav class="navbar-top"><!--适用于移动端 需要考虑百分比，一般用宽度来写导航-->
	  <ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="#">关于伊森</a></li>
			<li class='one active'><a href="#">木制表</a>
				<div class='figure'></div>
				<div class='nav-details'>
					<a href="list-details.html">产品详细</a>
					<a href="products-list.html">产品系列</a>
					<a href="products-details.html">产品列表</a>
					<a href="product.html">男女装</a>
				</div>
			</li>
			<li class='one'><a href="#">腕表动态</a>
				<div class='figure'></div>
				<div class='nav-details'>
					<a href="News.html">新闻详细</a>
					<a href="NewsList.html">新闻列表</a>
				</div>
			</li>
			<li><a href="#">联系伊森</a></li>
			<li><a href="#">售后维修</a></li>
	  </ul>
	</nav>
	<section class='banner-01'>
		<div class="container">
			<span>伊森主页>木制表>皇家橡树概念系列</span>
			<h1>2016年全新腕表</h1>
			<p>完美完美融合前卫科技与超过140年的精湛工艺，爱彼大胆演绎当代设计风格，体现制表工艺与 美学设计的突破创新。</p>
		</div>
	</section>
	<section class='banner-02'>
		<a href="">&lt</a>
		<a href="">&gt</a>
		<div class="container">
			<div class="banner-02-left">
				<h1>女装腕表</h1>
				<p>作为来自布拉苏丝的自主制表厂，伊森拥有超过130 年制作女装腕表的悠久历史，结合精湛工艺与非凡风 格，开创美学先河。</p>
			</div>
			<div class="banner-02-right">
				<img src="images/pro-01.png" alt="">
			</div>
			<table style='clear:both'></table>
			<i>驾驭常规，独领非凡</i>
			<div class="content">
				<div class="pro-list" >
					<a href=""><img src="images/pro-02.png" alt=""></a>
					<span>千禧系列</span>
					<span>手动上链</span>
					<span>40MM</span>
				</div>
				<div class="pro-list">
					<a href=""><img src="images/pro-03.png" alt=""></a>
					<span>皇家橡树系列</span>
					<span>石英腕表</span>
					<span>33MM</span>
				</div>
				<div class="pro-list">
					<a href=""><img src="images/pro-04.png" alt=""></a>
					<span>皇家橡树离岸型系列</span>
					<span>石英腕表</span>
					<span>33MM</span>
				</div>
				<div class="pro-list ">
					<a href="" class='last'><img src="images/pro-05.png" alt=""></a>
					<span>皇家橡树概念系列</span>
					<span>自动上链腕表</span>
					<span>37MM</span>
				</div>
				<table style='clear:both'></table>	
				
			</div>
		</div>
		<div class="pagination">
			<span class='active'></span>
			<span></span>
			<span></span>
		</div>
	</section>

	<section class='banner-03'>
		<a href="">&lt</a>
		<a href="">&gt</a>
		<div class="container">
			<div class="banner-02-left">
				<img src="images/pro-06.png" alt="">
			</div>
			<div class="banner-02-right">
				<h1>男装腕表</h1>
				<p>在呈现机械机芯的内在之美与保证精确度之间达到完 美平衡，无疑是一项珍稀艺术。</p>
			</div>
			<table style='clear:both'></table>
			<i>卓尔不凡，最佳搭档</i>
			<div class="content">
				<div class="pro-list" >
					<a href=""><img src="images/pro-07.png" alt=""></a>
					<span>皇家橡树系列</span>
					<span>双摆轮镂空腕表</span>
					<span>41MM</span>
				</div>
				<div class="pro-list">
					<a href=""><img src="images/pro-08.png" alt=""></a>
					<span>千禧系列</span>
					<span>镂空</span>
					<span>47MM</span>
				</div>
				<div class="pro-list">
					<a href=""><img src="images/pro-09.png" alt=""></a>
					<span>皇家橡树离岸型系列   </span>
					<span>自动上链陀飞轮计时码表</span>
					<span>44MM</span>
				</div>
				<div class="pro-list ">
					<a href="" class='last'><img src="images/pro-10.png" alt=""></a>
					<span>皇家橡树概念系列</span>
					<span>超薄陀飞轮腕表</span>
					<span>41MM</span>
				</div>
				<table style='clear:both'></table>	
			</div>
		</div>
		<div class="pagination">
			<span class='active'></span>
			<span></span>
			<span></span>
		</div>
	</section>
	<section class="banner-04">
		<div class="container">
			<div class="content">
				<div class='con-left'>
					<h2>寻找你的腕表</h2>
					<a href="">探索  ></a>
				</div>
				<div class='con-right'><img src="images/pro-11.png" alt=""></div>
			</div>
			<div class="content">
				<div class='con-left'>
					<h2>新款</h2>
					<a href="">发现  ></a>
				</div>
				<div class='con-right'><img src="images/pro-12.png" alt=""></div>
			</div>
			<div class='bottom'><a href="#">返回顶部</a>
		</div>
	</section>
	<footer class='footer'>
		<p></p>
		 <div class="container">
			 <ul>
				<li class='top'>产品系列</li>
				<li><a href="">伊森男腕表</a></li>
				<li><a href="">伊森女腕表</a></li>
			 </ul>
			 <ul>
				<li class='top'>伊森腕表品牌</li>
				<li><a href="">品牌简介</a></li>
				<li><a href="">总裁致辞</a></li>
				<li><a href="">员工关怀</a></li>
				<li><a href="">招商加盟</a></li>
				<li><a href="">人才招聘</a></li>
			 </ul>
			 <ul>
				<li class='top'>关于伊森</li>
				<li><a href="">公司简介</a></li>
				<li><a href="">工厂简介</a></li>
				<li><a href="">荣誉资质</a></li>
				<li><a href="">伊森手表学堂</a></li>
			 </ul>
			 <ul>
				<li class='top'>伊森新闻</li>
				<li><a href="">伊森新闻</a></li>
				<li><a href="">伊森与名人</a></li>
				<li><a href="">伊森慈善</a></li>
			 </ul>
			 <ul>
				<li class='top'>客户服务</li>
				<li><a href="">在线产品目录</a></li>
				<li><a href="">查找保养中心</a></li>
				<li><a href="">服务价格</a></li>
				<li><a href="">腕表保养</a></li>
				<li><a href="">质保与用户手册</a></li>
			 </ul>
			 <ul>
				<li class='top'>授权商店</li>
				<li><a href="">零售商地址</a></li>
				<li><a href="">授权网上商店</a></li>
			 </ul>
		 </div>
	</footer>
	<footer class='footer1'>
		<div class="container">
			 <span>Copyright2016伊森腕表版权所有</span>
			 <span>粤ICP备1234567号</span>
			 <span>贵宾专线：400-200-999</span>
			 <span>湖南省长沙市岳麓区枫林二路139号</span>
		</div>
	</footer>
	</body>
</html>